<template>
	<view class="checkBox">
		<view class="displayAli_cen justify-center mar-5" v-if="type==1" :class="checked?'checkbox1':'checkbox11'">
			<u-icon name="checkbox-mark" color="#fff" size="15" v-if="checked"></u-icon>
		</view>
		<view class="displayAli_cen justify-center checkbox2 mar-5" v-if="type==2">
			<u-icon name="checkbox-mark" color="#166ffc" size="18" v-if="checked"></u-icon>
		</view>
	</view>
</template>

<script>
	export default{
		name:"checkBox",
		props:{
			checked:{
				type:Boolean,
				default:false
			},
			type:{
				type:String,
				default:'1'
			}
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style>
	.checkbox1{
		border: 1px solid #166ffc;width: 38rpx;height: 38rpx;border-radius: 8rpx;
		background-color: #166ffc;
	}
	.checkbox11{
		border: 1px solid #eee;width: 38rpx;height: 38rpx;border-radius: 8rpx;
	}
	
	.checkbox2{
		border: 1px solid #e9e9e9;width: 38rpx;height: 38rpx;border-radius: 8rpx;
	}
</style>